<template>
  <view class="oldstuff-content">
    <!-- 搜索按钮区域 -->
    <view class="search-content">
      <my-search :placetext="'搜宝贝'"></my-search>
    </view>
    <!-- /搜索按钮区域-->
    <!-- 条件筛选区 -->
    <view class="filter-content">
      <filter-search></filter-search>
    </view>
    <!-- /条件筛选区 -->
    <!-- 旧物列表区域 -->
    <view class="oldlist-content">
      <view
        class="oldlist-content-item"
        v-for="(item, index) in oldStuffData"
        :key="index"
      >
        <old-list :olditem="item"></old-list>
      </view>
    </view>
    <!-- /旧物列表区域 -->
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 旧物列表临时数据
      oldStuffData: [
        {
          name: "iphone14 max",
          images: [
            "https://img1.360buyimg.com/n6/jfs/t1/218799/35/30856/47904/65377f92F9352eb19/ba810131a061c7f2.jpg",
            "https://img1.360buyimg.com/n6/jfs/t1/104762/38/31957/47373/6336a268Ef499133f/2157080460ffea3a.jpg",
          ],
          descript: ["iphone14 max 2022", "九成新"],
          tags: ["成都", "天府新区", "德商御府天桥"],
          price: "1999",
        },
        {
          name: "iphone14 max",
          images: [
            "https://img1.360buyimg.com/n6/jfs/t1/218799/35/30856/47904/65377f92F9352eb19/ba810131a061c7f2.jpg",
            "https://img1.360buyimg.com/n6/jfs/t1/104762/38/31957/47373/6336a268Ef499133f/2157080460ffea3a.jpg",
          ],
          descript: ["iphone14 max 2022", "九成新"],
          tags: ["成都", "天府新区", "德商御府天桥"],
          price: "1999",
        },
        {
          name: "iphone14 max",
          images: [
            "https://img1.360buyimg.com/n6/jfs/t1/218799/35/30856/47904/65377f92F9352eb19/ba810131a061c7f2.jpg",
            "https://img1.360buyimg.com/n6/jfs/t1/104762/38/31957/47373/6336a268Ef499133f/2157080460ffea3a.jpg",
          ],
          descript: ["iphone14 max 2022", "九成新"],
          tags: ["成都", "天府新区", "德商御府天桥"],
          price: "1999",
        },
        {
          name: "iphone14 max",
          images: [
            "https://img1.360buyimg.com/n6/jfs/t1/218799/35/30856/47904/65377f92F9352eb19/ba810131a061c7f2.jpg",
            "https://img1.360buyimg.com/n6/jfs/t1/104762/38/31957/47373/6336a268Ef499133f/2157080460ffea3a.jpg",
          ],
          descript: ["iphone14 max 2022", "九成新"],
          tags: ["成都", "天府新区", "德商御府天桥"],
          price: "1999",
        },
      ],
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.oldstuff-content {
  width: 100%;
  .search-content {
    width: 100%;
  }
  .oldlist-content {
    width: 96%;
    padding: 0 2%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .oldlist-content-item {
      width: 48%;
      margin-bottom: 20rpx;
    }
  }
}
</style>

